html5shiv.min.js ➔ ... ➔ ownerDocument.createElement - Code Metrics - alevor657/alvo-comment - Measure and Improve Code Quality continuously with Scrutinizer

Document.createElement A
last analyzed 2017-10-28 00:43 UTC

↳ Parent: html5shiv.min.js ➔ shivMethods

Complexity

Conditions	2
Paths	2

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes	1
Bugs	0	Features	0

Metric	Value
cc	2
c	1
b	0
f	0
nc	2
nop	1
dl	0
loc	7
rs	9.4285

/**
* @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
*/
;(function(window, document) {
/*jshint evil:true */
  /** version */
  var version = '3.7.3';

  /** Preset options */
  var options = window.html5 || {};

  /** Used to skip problem elements */
  var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;

  /** Not all elements can be cloned in IE **/
  var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;

  /** Detect whether the browser supports default html5 styles */
  var supportsHtml5Styles;

  /** Name of the expando, to work with multiple documents or to re-shiv one document */
  var expando = '_html5shiv';

  /** The id for the the documents expando */
  var expanID = 0;

  /** Cached data for each document */
  var expandoData = {};

  /** Detect whether the browser supports unknown elements */
  var supportsUnknownElements;

  (function() {
    try {
        var a = document.createElement('a');
        a.innerHTML = '<xyz></xyz>';
        //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
        supportsHtml5Styles = ('hidden' in a);

        supportsUnknownElements = a.childNodes.length == 1 || (function() {
          // assign a false positive if unable to shiv
          (document.createElement)('a');
          var frag = document.createDocumentFragment();
          return (
            typeof frag.cloneNode == 'undefined' ||
            typeof frag.createDocumentFragment == 'undefined' ||
            typeof frag.createElement == 'undefined'
          );
        }());
    } catch(e) {
      // assign a false positive if detection fails => unable to shiv
      supportsHtml5Styles = true;
      supportsUnknownElements = true;
    }

  }());

  /*--------------------------------------------------------------------------*/

  /**
   * Creates a style sheet with the given CSS text and adds it to the document.
   * @private
   * @param {Document} ownerDocument The document.
   * @param {String} cssText The CSS text.
   * @returns {StyleSheet} The style element.
   */
  function addStyleSheet(ownerDocument, cssText) {
    var p = ownerDocument.createElement('p'),
        parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;

    p.innerHTML = 'x<style>' + cssText + '</style>';
    return parent.insertBefore(p.lastChild, parent.firstChild);
  }

  /**
   * Returns the value of `html5.elements` as an array.
   * @private
   * @returns {Array} An array of shived element node names.
   */
  function getElements() {
    var elements = html5.elements;
    return typeof elements == 'string' ? elements.split(' ') : elements;
  }

  /**
   * Extends the built-in list of html5 elements
   * @memberOf html5
   * @param {String|Array} newElements whitespace separated list or array of new element names to shiv
   * @param {Document} ownerDocument The context document.
   */
  function addElements(newElements, ownerDocument) {
    var elements = html5.elements;
    if(typeof elements != 'string'){
      elements = elements.join(' ');
    }
    if(typeof newElements != 'string'){
      newElements = newElements.join(' ');
    }
    html5.elements = elements +' '+ newElements;
    shivDocument(ownerDocument);
  }

   /**
   * Returns the data associated to the given document
   * @private
   * @param {Document} ownerDocument The document.
   * @returns {Object} An object of data.
   */
  function getExpandoData(ownerDocument) {
    var data = expandoData[ownerDocument[expando]];
    if (!data) {
        data = {};
        expanID++;
        ownerDocument[expando] = expanID;
        expandoData[expanID] = data;
    }
    return data;
  }

  /**
   * returns a shived element for the given nodeName and document
   * @memberOf html5
   * @param {String} nodeName name of the element
   * @param {Document|DocumentFragment} ownerDocument The context document.
   * @returns {Object} The shived element.
   */
  function createElement(nodeName, ownerDocument, data){
    if (!ownerDocument) {
        ownerDocument = document;
    }
    if(supportsUnknownElements){
        return ownerDocument.createElement(nodeName);
    }
    if (!data) {
        data = getExpandoData(ownerDocument);
    }
    var node;

    if (data.cache[nodeName]) {
        node = data.cache[nodeName].cloneNode();
    } else if (saveClones.test(nodeName)) {
        node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
    } else {
        node = data.createElem(nodeName);
    }

    // Avoid adding some elements to fragments in IE < 9 because
    // * Attributes like `name` or `type` cannot be set/changed once an element
    //   is inserted into a document/fragment
    // * Link elements with `src` attributes that are inaccessible, as with
    //   a 403 response, will cause the tab/window to crash
    // * Script elements appended to fragments will execute when their `src`
    //   or `text` property is set
    return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
  }

  /**
   * returns a shived DocumentFragment for the given document
   * @memberOf html5
   * @param {Document} ownerDocument The context document.
   * @returns {Object} The shived DocumentFragment.
   */
  function createDocumentFragment(ownerDocument, data){
    if (!ownerDocument) {
        ownerDocument = document;
    }
    if(supportsUnknownElements){
        return ownerDocument.createDocumentFragment();
    }
    data = data || getExpandoData(ownerDocument);
    var clone = data.frag.cloneNode(),
        i = 0,
        elems = getElements(),
        l = elems.length;
    for(;i<l;i++){
        clone.createElement(elems[i]);
    }
    return clone;
  }

  /**
   * Shivs the `createElement` and `createDocumentFragment` methods of the document.
   * @private
   * @param {Document|DocumentFragment} ownerDocument The document.
   * @param {Object} data of the document.
   */
  function shivMethods(ownerDocument, data) {
    if (!data.cache) {
        data.cache = {};
        data.createElem = ownerDocument.createElement;
        data.createFrag = ownerDocument.createDocumentFragment;
        data.frag = data.createFrag();
    }


    ownerDocument.createElement = function(nodeName) {
      //abort shiv
      if (!html5.shivMethods) {
          return data.createElem(nodeName);
      }
      return createElement(nodeName, ownerDocument, data);
    };

    ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +

      'var n=f.cloneNode(),c=n.createElement;' +
      'h.shivMethods&&(' +
        // unroll the `createElement` calls
        getElements().join().replace(/[\w\-:]+/g, function(nodeName) {
          data.createElem(nodeName);
          data.frag.createElement(nodeName);
          return 'c("' + nodeName + '")';
        }) +
      ');return n}'
    )(html5, data.frag);
  }

  /*--------------------------------------------------------------------------*/

  /**
   * Shivs the given document.
   * @memberOf html5
   * @param {Document} ownerDocument The document to shiv.
   * @returns {Document} The shived document.
   */
  function shivDocument(ownerDocument) {
    if (!ownerDocument) {
        ownerDocument = document;
    }
    var data = getExpandoData(ownerDocument);

    if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
      data.hasCSS = !!addStyleSheet(ownerDocument,
        // corrects block display not defined in IE6/7/8/9
        'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
        // adds styling not present in IE6/7/8/9
        'mark{background:#FF0;color:#000}' +
        // hides non-rendered elements
        'template{display:none}'
      );
    }
    if (!supportsUnknownElements) {
      shivMethods(ownerDocument, data);
    }
    return ownerDocument;
  }

  /*--------------------------------------------------------------------------*/

  /**
   * The `html5` object is exposed so that more elements can be shived and
   * existing shiving can be detected on iframes.
   * @type Object
   * @example
   *
   * // options can be changed before the script is included
   * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
   */
  var html5 = {

    /**
     * An array or space separated string of node names of the elements to shiv.
     * @memberOf html5
     * @type Array|String
     */
    'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video',

    /**
     * current version of html5shiv
     */
    'version': version,

    /**
     * A flag to indicate that the HTML5 style sheet should be inserted.
     * @memberOf html5
     * @type Boolean
     */
    'shivCSS': (options.shivCSS !== false),

    /**
     * Is equal to true if a browser supports creating unknown/HTML5 elements
     * @memberOf html5
     * @type boolean
     */
    'supportsUnknownElements': supportsUnknownElements,

    /**
     * A flag to indicate that the document's `createElement` and `createDocumentFragment`
     * methods should be overwritten.
     * @memberOf html5
     * @type Boolean
     */
    'shivMethods': (options.shivMethods !== false),

    /**
     * A string to describe the type of `html5` object ("default" or "default print").
     * @memberOf html5
     * @type String
     */
    'type': 'default',

    // shivs the document according to the specified `html5` object options
    'shivDocument': shivDocument,

    //creates a shived element
    createElement: createElement,

    //creates a shived documentFragment
    createDocumentFragment: createDocumentFragment,

    //extends list of elements
    addElements: addElements
  };

  /*--------------------------------------------------------------------------*/

  // expose html5
  window.html5 = html5;

  // shiv the document
  shivDocument(document);

  if(typeof module == 'object' && module.exports){
    module.exports = html5;
  }

}(typeof window !== "undefined" ? window : this, document));


1			/**
2			* @preserve HTML5 Shiv 3.7.3 \| @afarkas @jdalton @jon_neal @rem \| MIT/GPL2 Licensed
3			*/
4			;(function(window, document) {
5			/jshint evil:true /
6			/** version */
7			var version = '3.7.3';
8
9			/** Preset options */
10			var options = window.html5 \|\| {};
11
12			/** Used to skip problem elements */
13			var reSkip = /^<\|^(?:button\|map\|select\|textarea\|object\|iframe\|option\|optgroup)$/i;
14
15			/ Not all elements can be cloned in IE /
16			var saveClones = /^(?:a\|b\|code\|div\|fieldset\|h1\|h2\|h3\|h4\|h5\|h6\|i\|label\|li\|ol\|p\|q\|span\|strong\|style\|table\|tbody\|td\|th\|tr\|ul)$/i;
17
18			/** Detect whether the browser supports default html5 styles */
19			var supportsHtml5Styles;
20
21			/** Name of the expando, to work with multiple documents or to re-shiv one document */
22			var expando = '_html5shiv';
23
24			/** The id for the the documents expando */
25			var expanID = 0;
26
27			/** Cached data for each document */
28			var expandoData = {};
29
30			/** Detect whether the browser supports unknown elements */
31			var supportsUnknownElements;
32
33			(function() {
34			try {
35			var a = document.createElement('a');
36			a.innerHTML = '<xyz></xyz>';
37			//if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
38			supportsHtml5Styles = ('hidden' in a);
39
40			supportsUnknownElements = a.childNodes.length == 1 \|\| (function() {
41			// assign a false positive if unable to shiv
42			(document.createElement)('a');
43			var frag = document.createDocumentFragment();
44			return (
45			typeof frag.cloneNode == 'undefined' \|\|
46			typeof frag.createDocumentFragment == 'undefined' \|\|
47			typeof frag.createElement == 'undefined'
48			);
49			}());
50			} catch(e) {
51			// assign a false positive if detection fails => unable to shiv
52			supportsHtml5Styles = true;
53			supportsUnknownElements = true;
54			}
55
56			}());
57
58			/--------------------------------------------------------------------------/
59
60			/**
61			* Creates a style sheet with the given CSS text and adds it to the document.
62			* @private
63			* @param {Document} ownerDocument The document.
64			* @param {String} cssText The CSS text.
65			* @returns {StyleSheet} The style element.
66			*/
67			function addStyleSheet(ownerDocument, cssText) {
68			var p = ownerDocument.createElement('p'),
69			parent = ownerDocument.getElementsByTagName('head')[0] \|\| ownerDocument.documentElement;
70
71			p.innerHTML = 'x<style>' + cssText + '</style>';
72			return parent.insertBefore(p.lastChild, parent.firstChild);
73			}
74
75			/**
76			* Returns the value of `html5.elements` as an array.
77			* @private
78			* @returns {Array} An array of shived element node names.
79			*/
80			function getElements() {
81			var elements = html5.elements;
82			return typeof elements == 'string' ? elements.split(' ') : elements;
83			}
84
85			/**
86			* Extends the built-in list of html5 elements
87			* @memberOf html5
88			* @param {String\|Array} newElements whitespace separated list or array of new element names to shiv
89			* @param {Document} ownerDocument The context document.
90			*/
91			function addElements(newElements, ownerDocument) {
92			var elements = html5.elements;
93			if(typeof elements != 'string'){
94			elements = elements.join(' ');
95			}
96			if(typeof newElements != 'string'){
97			newElements = newElements.join(' ');
98			}
99			html5.elements = elements +' '+ newElements;
100			shivDocument(ownerDocument);
101			}
102
103			/**
104			* Returns the data associated to the given document
105			* @private
106			* @param {Document} ownerDocument The document.
107			* @returns {Object} An object of data.
108			*/
109			function getExpandoData(ownerDocument) {
110			var data = expandoData[ownerDocument[expando]];
111			if (!data) {
112			data = {};
113			expanID++;
114			ownerDocument[expando] = expanID;
115			expandoData[expanID] = data;
116			}
117			return data;
118			}
119
120			/**
121			* returns a shived element for the given nodeName and document
122			* @memberOf html5
123			* @param {String} nodeName name of the element
124			* @param {Document\|DocumentFragment} ownerDocument The context document.
125			* @returns {Object} The shived element.
126			*/
127			function createElement(nodeName, ownerDocument, data){
128			if (!ownerDocument) {
129			ownerDocument = document;
130			}
131			if(supportsUnknownElements){
132			return ownerDocument.createElement(nodeName);
133			}
134			if (!data) {
135			data = getExpandoData(ownerDocument);
136			}
137			var node;
138
139			if (data.cache[nodeName]) {
140			node = data.cache[nodeName].cloneNode();
141			} else if (saveClones.test(nodeName)) {
142			node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
143			} else {
144			node = data.createElem(nodeName);
145			}
146
147			// Avoid adding some elements to fragments in IE < 9 because
148			// * Attributes like `name` or `type` cannot be set/changed once an element
149			// is inserted into a document/fragment
150			// * Link elements with `src` attributes that are inaccessible, as with
151			// a 403 response, will cause the tab/window to crash
152			// * Script elements appended to fragments will execute when their `src`
153			// or `text` property is set
154			return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
155			}
156
157			/**
158			* returns a shived DocumentFragment for the given document
159			* @memberOf html5
160			* @param {Document} ownerDocument The context document.
161			* @returns {Object} The shived DocumentFragment.
162			*/
163			function createDocumentFragment(ownerDocument, data){
164			if (!ownerDocument) {
165			ownerDocument = document;
166			}
167			if(supportsUnknownElements){
168			return ownerDocument.createDocumentFragment();
169			}
170			data = data \|\| getExpandoData(ownerDocument);
171			var clone = data.frag.cloneNode(),
172			i = 0,
173			elems = getElements(),
174			l = elems.length;
175			for(;i<l;i++){
176			clone.createElement(elems[i]);
177			}
178			return clone;
179			}
180
181			/**
182			* Shivs the `createElement` and `createDocumentFragment` methods of the document.
183			* @private
184			* @param {Document\|DocumentFragment} ownerDocument The document.
185			* @param {Object} data of the document.
186			*/
187			function shivMethods(ownerDocument, data) {
188			if (!data.cache) {
189			data.cache = {};
190			data.createElem = ownerDocument.createElement;
191			data.createFrag = ownerDocument.createDocumentFragment;
192			data.frag = data.createFrag();
193			}
194
195
196			ownerDocument.createElement = function(nodeName) {
197			//abort shiv
198			if (!html5.shivMethods) {
199			return data.createElem(nodeName);
200			}
201			return createElement(nodeName, ownerDocument, data);
202			};
203
204			ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
			0 ignored issues – show Performance Best Practice introduced 2017-10-18 19:07 UTC by Report Bug Copy Issue Report Using `new Function()` to create a function is slow and difficult to debug. Such functions do not create a closure. Consider using another way to define your function. Loading history...
205			'var n=f.cloneNode(),c=n.createElement;' +
206			'h.shivMethods&&(' +
207			// unroll the `createElement` calls
208			getElements().join().replace(/[\w\-:]+/g, function(nodeName) {
209			data.createElem(nodeName);
210			data.frag.createElement(nodeName);
211			return 'c("' + nodeName + '")';
212			}) +
213			');return n}'
214			)(html5, data.frag);
215			}
216
217			/--------------------------------------------------------------------------/
218
219			/**
220			* Shivs the given document.
221			* @memberOf html5
222			* @param {Document} ownerDocument The document to shiv.
223			* @returns {Document} The shived document.
224			*/
225			function shivDocument(ownerDocument) {
226			if (!ownerDocument) {
227			ownerDocument = document;
228			}
229			var data = getExpandoData(ownerDocument);
230
231			if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
232			data.hasCSS = !!addStyleSheet(ownerDocument,
233			// corrects block display not defined in IE6/7/8/9
234			'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
235			// adds styling not present in IE6/7/8/9
236			'mark{background:#FF0;color:#000}' +
237			// hides non-rendered elements
238			'template{display:none}'
239			);
240			}
241			if (!supportsUnknownElements) {
242			shivMethods(ownerDocument, data);
243			}
244			return ownerDocument;
245			}
246
247			/--------------------------------------------------------------------------/
248
249			/**
250			* The `html5` object is exposed so that more elements can be shived and
251			* existing shiving can be detected on iframes.
252			* @type Object
253			* @example
254			*
255			* // options can be changed before the script is included
256			* html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
257			*/
258			var html5 = {
259
260			/**
261			* An array or space separated string of node names of the elements to shiv.
262			* @memberOf html5
263			* @type Array\|String
264			*/
265			'elements': options.elements \|\| 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video',
266
267			/**
268			* current version of html5shiv
269			*/
270			'version': version,
271
272			/**
273			* A flag to indicate that the HTML5 style sheet should be inserted.
274			* @memberOf html5
275			* @type Boolean
276			*/
277			'shivCSS': (options.shivCSS !== false),
278
279			/**
280			* Is equal to true if a browser supports creating unknown/HTML5 elements
281			* @memberOf html5
282			* @type boolean
283			*/
284			'supportsUnknownElements': supportsUnknownElements,
285
286			/**
287			* A flag to indicate that the document's `createElement` and `createDocumentFragment`
288			* methods should be overwritten.
289			* @memberOf html5
290			* @type Boolean
291			*/
292			'shivMethods': (options.shivMethods !== false),
293
294			/**
295			* A string to describe the type of `html5` object ("default" or "default print").
296			* @memberOf html5
297			* @type String
298			*/
299			'type': 'default',
300
301			// shivs the document according to the specified `html5` object options
302			'shivDocument': shivDocument,
303
304			//creates a shived element
305			createElement: createElement,
306
307			//creates a shived documentFragment
308			createDocumentFragment: createDocumentFragment,
309
310			//extends list of elements
311			addElements: addElements
312			};
313
314			/--------------------------------------------------------------------------/
315
316			// expose html5
317			window.html5 = html5;
318
319			// shiv the document
320			shivDocument(document);
321
322			if(typeof module == 'object' && module.exports){
323			module.exports = html5;
324			}
325
326			}(typeof window !== "undefined" ? window : this, document));
327

alevor657 / alvo-comment

Document.createElement A last analyzed 2017-10-28 00:43 UTC

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like

Document.createElement A
last analyzed 2017-10-28 00:43 UTC